<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- basic -->
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- mobile metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1" />
    <!-- site metas -->
    <title>飓速网</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <!-- site icons -->
    <link rel="icon" href="images/fevicon/fevicon.png" type="image/gif" />
    <!-- Owl Stylesheets -->
    <link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css" />
    <!-- nice select css -->
    <link rel="stylesheet" type="text/css" href="css/nice-select.min.css" />
    <!-- bootstrap css -->
    <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
    <!-- Site css -->
    <link rel="stylesheet" href="css/style.css" />
    <!-- responsive css -->
    <link rel="stylesheet" href="css/responsive.css" />
    <!-- custom css -->
    <link rel="stylesheet" href="css/custom.css" />
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body id="default_theme" class="contact_page sub_page">
    <!-- loader -->
    <div class="bg_load"><img class="loader_animation" src="images/loader.svg" alt="#" /></div>
    <!-- end loader -->
    <!-- hero area starts -->
    <div class="hero_area">
      <!-- header section starts -->
      <header class="header_section">
        <!-- navbar starts -->
        <nav class="navbar navbar-expand-lg  header_navbar">
          <a class="navbar-brand" href="#">
            <img src="images/logo.png" alt="" />
          </a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class=""> </span>
          </button>

          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav ml-auto align-items-center">
              <li class="nav-item active">
                <a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item active">
                <a class="nav-link" href="list.html">轮毂信息 <span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item active">
                <a class="nav-link" href="push.html">我要发布 <span class="sr-only">(current)</span></a>
              </li>              
              <li class="nav-item active">
                <a class="nav-link" href="about.html">联系我们 <span class="sr-only">(current)</span></a>
              </li> 
            </ul>
          </div>
        </nav>
        <!-- navbar ends -->
      </header>
      <!-- header section ends -->
    </div>
    <!-- hero area ends -->

    <!-- page info starts -->

    <div class="page_info layout_padding pr_mobile_20">
      <div class="section_bg section_bg_left"></div>
      <div class="container">
        <div class="page_box">
          <h2 class="page_name">
            我要发布
          </h2>
          <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="index.html">首页</a></li>
              <li class="breadcrumb-item active" aria-current="page">我要发布</li>
            </ol>
          </nav>
        </div>
      </div>
    </div>

    <!-- page info ends -->

    <!-- contact section starts-->

    <section class="contact_section layout_padding layout_margin pl_mobile_20">
      <div class="section_bg section_bg_right"></div>
      <div class="container-fluid ">
        <div class="row">
          <div class="col-md-5  offset-md-1">
            <div class="form_container mb_md_75">
              <form action="#">
                <div>
                  <input type="text" id="contactName" name="your_name" placeholder="Your name" />
                </div>
                <div>
                  <input type="text" id="contactNumber" name="phone_number" placeholder="Phone number" />
                </div>
                <div>
                  <input type="email" id="contactEmail" name="email_address" placeholder="地址" />
                </div>
                <div>
                  <input type="text" id="contactMessage" name="your_message" placeholder="描述" />
                </div>
                <div class="btn-box">
                  <button>
                    <span>
                      	发布
                    </span>
                  </button>
                </div>
              </form>
            </div>
          </div>
          <div class="col-md-6  px-0">
            <div class="map_container">
              <div class="map">
                <div id="googleMap"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- contact section ends -->

    <!-- info section starts -->

    <section class="info_section layout_padding pr_mobile_20">
      <div class="section_bg section_bg_left"></div>
      <div class="container">
        <div class="row">
          <div class="col-lg-10">
            <div class="info_top">
              <div class="address_box">

                <a href="#">
                  <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 323.25 475.54">
                    <defs>
                      <style>
                        .cls-1 {
                          isolation: isolate;
                        }
                      </style>
                    </defs>
                    <title>location</title>
                    <g class="cls-1">
                      <path class="" d="M397.29,537.57q-17.4-22.82-29.89-41.29-54.88-77.16-89.12-148.35Q267.4,325.1,261.44,308.8a265.19,265.19,0,0,1-12-40.75Q233.72,188.18,287,128.4q50.53-57.6,129.87-54.34a147.84,147.84,0,0,1,66.84,18.2,164.16,164.16,0,0,1,53.25,45.92,155.85,155.85,0,0,1,28.8,63.57,166.86,166.86,0,0,1-4.89,85.32q-23.37,73.35-77.7,156.5Q467.37,468,433.7,515.29l-22.83,32.07a12.16,12.16,0,0,0-1.63,1.9c-.36.54-1.72-.27-4.07-2.45A62.64,62.64,0,0,1,397.29,537.57Zm89.66-300a77,77,0,0,0-9-38.31,81.36,81.36,0,0,0-26.62-29.89,72,72,0,0,0-37.23-12.77A84.73,84.73,0,0,0,372,165.07a75,75,0,0,0-30.7,27.45q-11.42,17.92-12.5,41.29a69.89,69.89,0,0,0,9,38.31A84.82,84.82,0,0,0,365.23,302a69.32,69.32,0,0,0,37.49,12.23,81.72,81.72,0,0,0,41.3-8.43,75.29,75.29,0,0,0,30.43-27.44Q485.87,260.45,487,237.62Z" transform="translate(-245.88 -73.88)" />
                    </g>
                  </svg>
                  <span>河南省郑州市 </span>
                </a>
                <a href="tel:0371-68086888">
                  <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 344.5 492.15">
                    <defs>
                      <style>
                        .cls-1 {
                          isolation: isolate;
                        }
                      </style>
                    </defs>
                    <title>call</title>
                    <g class="cls-1">
                      <path class="" d="M429.36,568q-13.31.48-31.54-9.37a202.64,202.64,0,0,1-30.07-21.19q-30.57-26.13-58.16-65.06-20.22-28.57-45.35-74.43-28.1-49.77-45.84-89.21-22.67-49.27-34.5-94.14-5.91-24.15-7.39-41.9A132.88,132.88,0,0,1,180,130.77q9.36-35,41.4-40.91,12.31-2,37.46-7.4,18.72-4.42,28.1-5.91,10.83-2,17.49,1.48T315,91.34q24.15,58.16,41.4,103,3.94,10.35,1.73,17.5t-11.09,13.06L336.2,232.3q-14.77,9.38-21.68,14.79a19.17,19.17,0,0,0-4.93,6.65q-2,4.2-1.48,7.15,16.75,67,63.09,120.76,6.9,8.39,16.27,3.45,7.88-3.94,24.64-10.35l10.35-4.44q10.83-3.93,18.24-2t13.8,11.34q40.41,60.13,60.13,90.2,6.9,10.85,5.91,18.72t-10.35,17.26l-4.92,4.93Q493.92,521.62,483.58,530,466.81,542.82,429.36,568Z" transform="translate(-176.17 -75.84)" />
                    </g>
                  </svg>
                  <span>
                    0371-68086888
                  </span>
                </a>
                <a href="mailto:info@yourdomain.com">
                  <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 414.98 281.92">
                    <defs>
                      <style>
                        .cls-1 {
                          isolation: isolate;
                        }
                      </style>
                    </defs>
                    <title>mail</title>
                    <g class="cls-1">
                      <path
                        class=""
                        d="M198.29,240.35V224.69q0-19,19-19h375.9q19.94,0,19.46,19.46l.47,6.16q.46,9.51-1.19,13.53t-9.25,10.21l-3.8,3.32-186.52,187c-2.85,2.53-5.15,3.88-6.88,4s-4-1.19-6.89-4Q354.91,401.25,267.1,313.92l-66-66Q197.82,243.68,198.29,240.35Zm0,35.12Q252.4,329.58,279,357.11l-80.68,80.68ZM608.83,463.9q3.79,3.8,4,6.64c.16,1.9-.4,4.44-1.66,7.6q-3.8,8.07-13.76,9.49H216.8q-15.2,0-18-12.82-1.42-5.69,1.9-9l93-93a16.09,16.09,0,0,1,2.38-1.9,28.39,28.39,0,0,0,3.32,4.27l85.43,85.43q9.49,9.51,20.65,9.5t21.12-10L512,374.67a28,28,0,0,0,2.84-3.8l2.85,2.38,1.43,1.42Q578.92,434.48,608.83,463.9ZM350.16,311.07a50.19,50.19,0,0,0,6.17,22.31,39.9,39.9,0,0,0,12.58,14.47,51.65,51.65,0,0,0,17.8,7.83,55,55,0,0,0,20.41.95,56.3,56.3,0,0,0,8.54-.95c3.8-.63,6.56-1.18,8.3-1.66a71.08,71.08,0,0,0,7.36-2.61,24.12,24.12,0,0,0,5.7-2.84c-.32-.95-.8-2.38-1.43-4.28l-3.79-8.06a37.82,37.82,0,0,1-10.92,4.27,109.2,109.2,0,0,1-13.29,1.9,45.05,45.05,0,0,1-14.71-.48,31.32,31.32,0,0,1-12.34-5.69q-4.76-2.85-9-10.92a39.25,39.25,0,0,1-4.75-16.14,57.17,57.17,0,0,1,11.4-40.34,49.53,49.53,0,0,1,16.13-14.24A78.15,78.15,0,0,1,418,248q17.57-1.42,28,5.69,10.43,8.08,11.86,23.26a34.58,34.58,0,0,1-.24,12.1,61.18,61.18,0,0,1-3.08,10.68,20.85,20.85,0,0,1-5.7,8.07,18.36,18.36,0,0,1-9,4.27c-2.54,0-4.12-.16-4.75-.48l4.27-47.46A42.74,42.74,0,0,0,428,262.19a32.62,32.62,0,0,0-8.07,0h-4.27A53.21,53.21,0,0,0,401,266.93a53,53,0,0,0-11.39,10,46.32,46.32,0,0,0-7.36,14.24,42.6,42.6,0,0,0-1.66,17.56,40.86,40.86,0,0,0,2.85,10,27.09,27.09,0,0,0,5.22,6.65,24.63,24.63,0,0,0,7.12,3.56,17.15,17.15,0,0,0,8.54.24,53.32,53.32,0,0,0,11.39-2.38,49.93,49.93,0,0,0,8.07-4.74q5.7,5.22,15.42,4a35,35,0,0,0,16.61-6.17,36.93,36.93,0,0,0,10.68-11.63,52,52,0,0,0,6.65-15.66,82.14,82.14,0,0,0,1-17.09q-1.43-12.33-6.17-20.4a46.83,46.83,0,0,0-12.58-13.77,41.72,41.72,0,0,0-17.09-6.41,94.28,94.28,0,0,0-19.69-1.18q-19,1.9-33.23,10a73.72,73.72,0,0,0-21.83,18.51,80,80,0,0,0-11.39,24.2Q348.73,300.63,350.16,311.07Zm71.19-33.7L418.51,312c-1.9,1.27-3.33,1.9-4.27,1.9l-4.75.47a9,9,0,0,1-6.88-1.9q-3.09-2.36-4-8.54a33.45,33.45,0,0,1,.48-9.49,25.1,25.1,0,0,1,2.61-7.59,16.11,16.11,0,0,1,5.93-6.65,18.77,18.77,0,0,1,7.59-2.85Zm110.59,78.79,80.69-80.69V437.32Z"
                        transform="translate(-198.23 -205.71)"
                      />
                    </g>
                  </svg>
                  <span>
                    jusuvideo@163.com
                  </span>
                </a>
              </div>
              <div class="logo_box">
                <a href="#">
                  <img src="images/logo-white.png" alt="" />
                </a>
              </div>
            </div>

          </div>
        </div>
      </div>
    </section>
    <!-- info section ends -->

    <!-- footer section -->
    <footer class="footer_section ">
      <p>Copyright (C) djusu.com, All Rights Reserved. 河南博望科技有限公司 版权所有豫ICP备16020738号-1</p>
    </footer>
    <!-- end  footer section -->

    <!-- js section -->
    <!-- jQuery -->
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <!-- bootstrap js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- owl slider -->
    <script src="js/owl.carousel.min.js"></script>
    <!-- nice select -->
    <script src="js/jquery.nice-select.min.js"></script>
    <!-- custom js -->
    <script src="js/custom.js"></script>
    <!-- Google Map -->
    <script src="https://ditu.google.cn/maps/api/js?key=AIzaSyCh39n5U-4IoWpsVGUHWdqB6puEkhRLdmI&callback=myMap"></script>
    <!-- End Google Map -->
  </body>
</html>
